/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*!
 * We imported some codes of bootstrap, and added added our own's
 */

//
// Variables
// --------------------------------------------------

// Global
// -------------------------

@theme-color:                                            #fff;
@hover-color:                                              darken(@theme-color, 6.5%); // #eee
@border-color:                                            #d1d1d1;
@border-type:                                             solid;
@border-weight:                                          1px;


// Grays
// -------------------------

@gray-darker:                                            lighten(#000, 13.5%); // #222
@gray-dark:                                               lighten(#000, 20%);   // #333
@gray:                                                      lighten(#000, 33.5%); // #555
@gray-light:                                               lighten(#000, 60%);   // #999
@gray-lighter:                                            lighten(#000, 93.5%); // #eee
@gray-lightest:                                           lighten(#000, 96%); // #f5f5f5

// Brand colors
// -------------------------

@brand-primary:         #428bca;
@brand-success:         #5cb85c;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;
@brand-info:            #5bc0de;

// Scaffolding
// -------------------------

@body-background-color:               #fff;
@text-color:                                @gray-dark;

// Links
// -------------------------

@link-color:              #428bca;
@link-hover-color:      darken(@link-color, 15%); // #2a6496

// Typography
// -------------------------

@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil(@font-size-base * 1.25); // ~18px
@font-size-small:         ceil(@font-size-base * 0.85); // ~12px

@line-height-base:        1.428571429; // 20/14
@line-height-computed:    floor(@font-size-base * @line-height-base); // ~20px

@headings-font-family:    @font-family-base;
@headings-font-weight:    500;
@headings-line-height:    1.1;

// Grid system
// --------------------------------------------------

// total width of grid system with fixed width
@grid-total-width:                                  960px;
// Number of columns in the grid system
@grid-columns:                                      12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width:                                10px;

// total width of grid system with fixed width
@grid-medium-total-width:                                  1200px;
// Number of columns in the grid system
@grid-medium-columns:                                       12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-medium-gutter-width:                                 10px;

// Components
// -------------------------
// Based on 14px font-size and 1.428 line-height (~20px to start)

@padding-base-vertical:           6px;
@padding-base-horizontal:        12px;

@padding-large-vertical:         10px;
@padding-large-horizontal:       16px;

@padding-small-vertical:         5px;
@padding-small-horizontal:       10px;

@line-height-large:                 1.33;
@line-height-small:                 1.5;

@border-radius-base:             4px;
@border-radius-large:            6px;
@border-radius-small:            3px;

// Navs
// -------------------------

@nav-theme-color:                                       @gray-lighter;
@nav-item-width:                                        120px;
@nav-item-height:                                       30px;
@nav-item-hover-color:                                darken(@nav-theme-color, 10%); // #d5d5d5

// Tabs
// -------------------------

@tab-theme-color:                                 @theme-color;
@tab-item-hover-color:                           @hover-color;
@tab-header-background-color:                @gray-lightest;

//collapse
// -------------------------

@collapse-theme-color:                           @theme-color;
@collapse-btn-hover-color:                       @gray;
@collapse-btn-background-color:                  @gray-lightest;
@collapse-btn-border-color:                      @border-color;

// Wells
// -------------------------
@well-bg:                     #f5f5f5;

// Buttons
// -------------------------

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             darken(@btn-primary-bg, 5%);

@btn-success-color:              #fff;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-warning-color:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               #fff;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-link-disabled-color:        @gray-light;

// Form states and alerts
// -------------------------

@state-warning-text:             #c09853;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 3%);

@state-danger-text:              #b94a48;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 3%);

@state-success-text:             #468847;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #3a87ad;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

// Type
// ------------------------
@text-muted:                  @gray-light;
@abbr-border-color:           @gray-light;
@headings-small-color:        @gray-light;
@blockquote-small-color:      @gray-light;
@blockquote-border-color:     @gray-lighter;
@page-header-border-color:    @gray-lighter;

// Code
// ------------------------
@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

@pre-bg:                      #f5f5f5;
@pre-color:                   @gray-dark;
@pre-border-color:            #ccc;

// Miscellaneous
// -------------------------

// Hr border color
@hr-border:                                   @gray-lighter;
